@CHARSET "UTF-8";
body{margin:0;padding:0;font-family:"微软雅黑";background:#f4ede3 url(../images/top.jpg) top center no-repeat;background-size:100% auto;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:"";font-size:0;line-height:0;display:table;}
.clearfix:after{clear:both;}
.wdfull{width:100%;}
.containers{margin:60px auto 20px auto;background:transparent;padding:20px;margin-right:320px;}
.head{line-height:50px;text-shadow:2px 0px 4px rgba(69,188,192,.6);}
.head-inner{margin:0 auto;max-width:800px;box-sizing:border-box;padding:0 30px;text-align:right;padding-top:50px;}
.logo{width:35px;height:35px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:50%;background:url(../images/biglogo.jpg) center no-repeat;background-size:35px 35px;overflow:hidden;}
.linkicon{color:#E88709;font-size:17px;}
.title{background:#25C1CF;padding:0 15px;line-height:34px;border:1px solid #d7d7d7;border-radius:8px;font-size:14px;color:#fff;font-weight:bold;margin:12px 0;}
.mright{float:right;}
.mleft{float:left;}
.mleft-inner{padding-right:325px;}
.arttime{float:right;font-size:13px;color:#C87D2C;line-height:28px;margin-right:6px;}
.artul{margin:0;padding:0;list-style:none;font-size:14px;line-height:30px;}
.artul>li{position:relative;margin:12px 3px 12px 3px;background:#ffffff;box-sizing:border-box;padding: 20px 15px;border-top:1px solid #e1e1e1;border-bottom:1px solid #dedede;}
.mpages{color:#858585;border-top:none;margin:8px 0;padding:12px 0;}
.mpages>ul{margin:0;padding:0;list-style:none;text-align:center;}
.mpages>ul>li{display:inline-block;margin:0 4px;font-size:12px;line-height:35px;}
.pclick{color:#199CD9;border:1px solid #199CD9;bckground:transparent;cursor:pointer;display:inline-block;padding:0 8px;line-height:20px;font-size:12px;}
.pclick:active{background:#199CD9;color:#fff;}
.pundo{display:none !important;color:#fff;background:#BCDAA1;border:1px solid #BCDAA1;cursor:default;display:inline-block;padding:0 8px;line-height:24px;}
a{text-decoration:none;}
.artimgs{font-size:0;margin:8px 0;}
.artimgs img{max-height:120px;margin-right:8px;max-width:100%;}
.artname{color:#4292EC;font-size:16px;line-height:35px;font-weight:bolder;border-bottom:1px solid #e1e1e1;padding-bottom:12px;}
.artshort{font-size:13px;color:#585858;line-height:24px;word-break:break-all;}

.mmore{margin:25px -20px 0 -20px;border-top:1px solid #ddd;padding: 0 20px;line-height:48px;box-sizing:border-box;font-size:13px;}
.mmore a{color:#DAC012;}
.viewnum{line-height:28px;font-size:13px;color:#50AD38;margin-right:6px;}
.mshare{text-align:right;}
.mrel{position:relative;line-height:40px;font-size:13px;}
.mtitle{margin:0 -20px;line-height:52px;font-size:17px;color:#226189;font-weight:bold;border-bottom:1px solid #ddd;padding:0 20px;box-sizing:border-box;margin-bottom:15px;}
.art_context{background:#fff;/*background:-webkit-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));background:-moz-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));background:-ms-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));*/padding:20px;box-sizing:border-box;margin:80px auto 20px auto;margin-right:320px;}
.art_context2{background:#fff;padding:20px;box-sizing:border-box;margin:80px auto 20px auto;max-width:1000px;}
.relative_cont{width:320px;margin-left:-320px;margin-top:80px;box-sizing:border-box;padding:0 12px;}
.artcontext img{max-width:100% !important;}
.artcontext{overflow:hidden;}
.coffee{margin-top:30px;border-top:1px solid #ddd;margin-left:-20px;margin-right:-20px;box-sizing:border-box;padding:0 20px;}
.coffee-tip{line-height:42px;font-size:13px;color:#CC6102;}
.coffee-item{display:inline-block;width:140px;}
.coffee-title{font-size:13px;color:#808080;line-height:32px;text-align:center;}
.coffee-er img{width:100%;}
.mar-left{margin-left:50px;}
.foot{margin-top:30px;padding:12px 0;text-align:center;background:url(../images/bottomb.png) right bottom no-repeat;}
.foot a{color:#D60D03;text-decoration:underline;}
.foot-autor{font-size:12px;color:#E66E03;line-height:24px;}
.foot-icp{font-size:12px;line-height:24px;color:#E66E03;}
.searchtip{font-size:14px;color:#008080;line-height:54px;background:#EEE8AA;border:1px solid #ccc;text-indent:2em;}
.noresult_cont{border:1px solid #ccc;background:#FFEFD5;font-size:14px;line-height:2.6em;box-sizing:border-box;padding:25px 12px;color:#353535;margin-top:35px;}
.search_cont{margin-bottom:32px;text-align:right;}
.input-text{padding:0.5em 0.2em;border:1px solid #6495ED;font-size:13px;color:#353535;background:transparent;outline:none;color:#FF4500;}
.input-text:focus{border:1px solid #226189;}
.search_btn{display:inline-block;font-size:13px;line-height:28px;border:1px solid #226189;cursor:pointer;margin-left:4px;color:#fff;text-decoration:none;vertical-align:middle;padding:0 0.4em;background:#226189;}
.search_btn:active{background:#208089;}
.friendlink{margin-bottom:6px;border-top:1px solid #FFDAB9;border-bottom:1px solid #FFDAB9;padding:12px 0;background:#FFE4E1;}
.friendlink-inner{margin:0 auto;max-width:1000px;font-size:12px;line-height:30px;box-sizing:border-box;padding:0 20px;}
.friendlink a{color:#F4A460;margin:0 6px;display:inline-block;}
.friendlink a:hover{color:#6495ED;}


.msheader{position:relative;z-Index:2;left:0;top:20px;width:100%;background:#066EA9;background:rgba(6,110,169,0.7);}
.msheader-inner{width:1000px;margin:0 auto;max-width:90%;line-height:45px;height:45px;text-align:left;font-size:0;overflow:hidden;position:relative;}
.msheader-link{display:inline-block;padding:0 1em;color:#fff;text-decoration:none;font-size:15px;line-height:45px;vertical-align:middle;cursor:pointer;outline:none;}
.msheader-current{background:#F5B60B;color:#333;}
.msheader-slider{font-size:15px;line-height:45px;height:45px;overflow:hidden;margin-left:11em;text-align:right;}
.msheader-slider-inner{max-width:250px;}
.mheader-menu{margin-left:-100%;}

.aboutart_cont{margin-top:20px;overflow:hidden;margin-bottom:20px;box-sizing:border-box;position:relative;padding-top:32px;}
.aboutart_cont ul{margin:0;padding:15px 8px;list-style:none;margin-right:-12px;font-size:0;background:#98E9F2;;}
.aboutart_cont ul li{width:50%;display:inline-block;white-space:nowrap;overflow:hidden;box-sizing:border-box;padding-right:12px;font-size:13px;line-height:26px;}
.aboutart_cont ul li a{color:#045A8B;text-decoration:underline;}
.aboutart_title{position:absolute;z-Index:2;left:0px;line-height:28px;top:4px;background:#98E9F2;font-size:13px;padding:0 1.6em;color:#045A8B;}

.author{border:3px solid #B7CBE8;box-sizing:border-box;padding:4px;margin-bottom:12px;background:#fafafa;}
.author_icon{display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:12px;}
.author_icon img{width:100%;height:100%;border-radius:50%;vertical-align:top;}

.relative_list{border:3px solid #B7CBE8;box-sizing:border-box;padding:4px;background:#fcfcfc;}
.key_cont{margin-right:86px;}
.btn_cont{width:80px;margin-left:-80px;}
.home_btn{display:inline-block;line-height:32px;width:100%;box-sizing:border-box;text-align:center;font-size:13px;color:#fff;background:#0A8DD8;text-decoration:none;outline:none;cursor:pointer;}
.home_btn:active{background:#0974B1;}
.home_input{height:32px;background:transparent;color:#79CCFC;line-height:32px\9;border:1px solid #0790DE;outline:none;box-sizing:border-box;font-size:13px;text-indent:0.5em;display:block;width:100%;}
.home_input:focus{border:1px solid #0469BE;}
.relative_item{margin-top:20px;}
.relative_title{font-size:15px;font-weight:bold;line-height:32px;color:#202020;}
.relative_arts ul{margin:0;padding:0;list-style:none;}
.relative_arts ul li{line-height:18px;font-size:12px;overflow:hidden;height:18px;}
.relative_arts ul li a{color:#0E3780;text-decoration:none;}
.relative_arts ul li a:hover{text-decoration:underline;}
.mmtip{color:#0F70BA;font-size:13px;line-height:38px;}

@media (max-width:480px){
	.aboutart_cont ul li{width:100%;}
	.coffee-item{display:block;margin-bottom:20px;width:100%;}
	.coffee-er{text-align:center;}
	.coffee-er img{width:50%;}
	.mar-left{margin-left:0;}
}
@media (max-width:740px) and (min-width:650px){
	.aboutart_cont ul li{width:100%;}
	.coffee-item{display:block;margin-bottom:20px;width:100%;}
	.coffee-er{text-align:center;}
	.coffee-er img{width:50%;}
	.mar-left{margin-left:0;}
	.hideinmobile{display:none !important;}
}

@media (max-width:650px){
	.hideinmobile{display:none !important;}
	.relative_cont{display:none;}
	.art_context,.containers{margin-right:auto !important;}
}
